<!doctype html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
	<meta name="renderer" content="webkit">
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/swiper.css">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="web-container">
	<div class="header"><h1 class="logo">黑光装修实景平台</h1></div>
	<div class="swiper-container banner">

		<div class="swiper-wrapper">
			<a class="swiper-slide item"><img src="img/tmp/banner01.jpg" alt=""></a>
			<a class="swiper-slide item"><img src="img/tmp/banner01.jpg" alt=""></a>
			<a class="swiper-slide item"><img src="img/tmp/banner01.jpg" alt=""></a>
			<a class="swiper-slide item"><img src="img/tmp/banner01.jpg" alt=""></a>
		</div>
		<!-- Add Pagination -->
		<div class="swiper-pagination"></div>
	</div>
	<div class="main">

		<div class="row top-nav">
			<div class="item"><a href="ren.html"><img src="img/public/icon13.png" alt="">商家认证</a></div>
			<div class="item"><a href=""><img src="img/public/icon12.png" alt="">在线咨询</a></div>
		</div>
		<!--影楼装修-->
		<div class="section">
			<h2 class="h2-ttl01">影楼装修</h2>
			<div class="photo-list">
				<div class="row">
					<div class="col-sm-6">
						<a href="" class="item">
							<div class="pho"><img src="img/tmp/photo01.jpg" alt="">
								<div class="renz">认证</div>
								<div class="num">9张</div>
							</div>

							<p>东莞金夫人</p>
						</a>
					</div>
					<div class="col-sm-6">
						<a href="" class="item">
							<div class="pho"><img src="img/tmp/photo01.jpg" alt="">
								<div class="renz">认证</div>
								<div class="num">9张</div>
							</div>

							<p>东莞金夫人</p>
						</a>
					</div>
					<div class="col-sm-6">
						<a href="" class="item">
							<div class="pho"><img src="img/tmp/photo01.jpg" alt="">
								<div class="renz">认证</div>
								<div class="num">9张</div>
							</div>

							<p>东莞金夫人</p>
						</a>
					</div>
					<div class="col-sm-6">
						<a href="" class="item">
							<div class="pho"><img src="img/tmp/photo01.jpg" alt="">
								<div class="renz">认证</div>
								<div class="num">9张</div>
							</div>

							<p>东莞金夫人</p>
						</a>
					</div>
				</div>
				<div class="btn-more"><a href="photo.html">查看更多</a></div>
			</div>
		</div>

		<!--影楼实景-->
		<div class="section">
			<h2 class="h2-ttl01">影楼实景</h2>
			<div class="photo-list">
				<div class="row">
					<div class="col-sm-6">
						<a href="" class="item">
							<div class="pho"><img src="img/tmp/photo01.jpg" alt="">
								<div class="renz">认证</div>
								<div class="num">9张</div>
							</div>

							<p>东莞金夫人</p>
						</a>
					</div>
					<div class="col-sm-6">
						<a href="" class="item">
							<div class="pho"><img src="img/tmp/photo01.jpg" alt="">
								<div class="renz">认证</div>
								<div class="num">9张</div>
							</div>

							<p>东莞金夫人</p>
						</a>
					</div>
					<div class="col-sm-6">
						<a href="" class="item">
							<div class="pho"><img src="img/tmp/photo01.jpg" alt="">
								<div class="renz">认证</div>
								<div class="num">9张</div>
							</div>

							<p>东莞金夫人</p>
						</a>
					</div>
					<div class="col-sm-6">
						<a href="" class="item">
							<div class="pho"><img src="img/tmp/photo01.jpg" alt="">
								<div class="renz">认证</div>
								<div class="num">9张</div>
							</div>

							<p>东莞金夫人</p>
						</a>
					</div>
				</div>
				<div class="btn-more"><a href="photo.html">查看更多</a></div>
			</div>
		</div>
	</div>
	<div class="footer">
		<p class="footer-link">
			<a href="">黑光网</a>|<a href="">黑光人才网</a>
		</p>
		<p class="footer-text">copyright &copy; 2008-2016 weui.io</p>
		<div class="btm"></div>
		<div class="row fixed">
			<div class="sub-item">
				<a href="./" class="on"><i class="bg01"></i>首页</a>
			</div>
			<div class="sub-item">
				<a href="shop.html"><i class="bg02"></i>装修</a>
			</div>
			<div class="sub-item">
				<a href="shop.html"><i class="bg03"></i>实景</a>
			</div>
			<div class="sub-item">
				<a href="join.html"><i class="bg04"></i>入驻</a>
			</div>
		</div>
	</div>
</div>
<script src="js/lib/jquery.js"></script>
<script src="js/lib/swiper.js"></script>
<script src="js/main.js"></script>
<script>
	var swiper = new Swiper('.swiper-container', {
		centeredSlides: true,
		loop: true,
		autoplay: {
			delay: 2500,
			disableOnInteraction: false,
		},
		pagination: {
			el: '.swiper-pagination',
			clickable: true,
		},
	});
</script>
</body>
</html>
